<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">

  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">

  <link href="../assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-daterangepicker-extend/daterangepicker-ext.css" rel="stylesheet" type="text/css"/>

  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <!--endregion-->
  <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet">
  <link href="../assets/module/gcjsy/css/pagination.css" rel="stylesheet">


  <style>
    .w900{
      width: 900px;
      margin:0 auto;
      background: white;
    }
    .t-left{
      width: 70%;
      padding: 10px;
      border-right: 1px solid #E8E8E8;
    }
    .t-right{
      width: 30%;
      padding: 10px 0 0 10px;
    }
    .choose-ed{
      padding-right: 10px;
    }
    .choose-ed > li {
      margin-bottom: 8px;
    }
    .choose-ed > li span {
      font-size: 16px;
      font-weight: bold;
      right: 14px;
      top: 20px;
    }
  </style>

</head>

<body style="background: #f5f5f5">

  <div class="w900">

    <div class="flex-s">
      <div class="t-left">
        <div class="reminder margin-bottom-10">
          <p>只能选择当前施工许可证下的单体进行申报</p>
        </div>
        <div class="currencyTab auto-scroll" style="height: 327px">
          <table class="table table-bordered">
            <thead>
            <tr>
              <th class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </th>
              <th class="text-center">序号</th>
              <th width="60%">项目名称</th>
              <th>项目类别</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </td>
              <td class="text-center">1</td>
              <td>
                <p class="">江西省南昌市临川区行政中心配套用房工程江西省南昌市临川区行政中心配套用房工程</p>
              </td>
              <td>市政公用工程</td>
            </tr>
            <tr>
              <td class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </td>
              <td class="text-center">1</td>
              <td>
                <p class="">江西省南昌市临川区行政中心配套用房工程江西省南昌市临川区行政中心配套用房工程</p>
              </td>
              <td>市政公用工程</td>
            </tr>
            <tr>
              <td class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </td>
              <td class="text-center">1</td>
              <td>
                <p class="">江西省南昌市临川区行政中心配套用房工程江西省南昌市临川区行政中心配套用房工程</p>
              </td>
              <td>市政公用工程</td>
            </tr>
            <tr>
              <td class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </td>
              <td class="text-center">1</td>
              <td>
                <p class="">江西省南昌市临川区行政中心配套用房工程江西省南昌市临川区行政中心配套用房工程</p>
              </td>
              <td>市政公用工程</td>
            </tr>
            <tr>
              <td class="text-center">
                <label class="mt-checkbox mt-checkbox-outline">
                  <input type="checkbox">
                  <span></span>
                </label>
              </td>
              <td class="text-center">1</td>
              <td>
                <p class="">江西省南昌市临川区行政中心配套用房工程江西省南昌市临川区行政中心配套用房工程</p>
              </td>
              <td>市政公用工程</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>


      <div class="t-right">
        <p class="margin-bottom-10">已选择单体：<span class="blue">2</span></p>
        <ul class="choose-ed auto-scroll" style="height: 350px">
          <li>
            <h4>S2地块05#厂房</h4>
            <p>650105201712040101-DW001</p>
            <span class="dtFont dtFont-shanchu"></span>
          </li>
          <li>
            <h4>娜可露露</h4>
            <p>3408221984121502337</p>
            <span class="dtFont dtFont-shanchu"></span>
          </li>
          <li>
            <h4>娜可露露</h4>
            <p>3408221984121502337</p>
            <span class="dtFont dtFont-shanchu"></span>
          </li>
          <li>
            <h4>S2地块05#厂房</h4>
            <p>650105201712040101-DW001</p>
            <span class="dtFont dtFont-shanchu"></span>
          </li>


        </ul>
      </div>
    </div>



    <div class="referTo  border relative">
      <button class="basicsBtn grayLine" id="repulse" href="javascript:;">取消</button>
      <button type="button" class="basicsBtn blue" href="javascript:;">确定</button>
    </div>

  </div>

  <script>

  </script>
</body>
</html>
